.mui-bar{
	background: transparent;
}
.mui-bar .mui-title{
	color: white;
}
.mui-bar a, header>.mui-icon-left-nav:before{
	color: white;
}
.mui-bar-nav ~ .mui-content{
	padding: 0;
}
.header{
	position: relative;
	padding-top: 44px;
}
.headerbg{
	position: absolute;
	top: auto;
	bottom: var(--size15);
	width: 100%;
}
.header .mui-card{
	border-radius: 6px;
    font-size: var(--size14);
	line-height: 1.5;
    margin: var(--size15);
    padding: var(--size15);
	color: var(--textColor);
}

.look #trGive,.look #trChange{
	display: none;
}
.change #trGive,.look.change #trGive{
	display: none;
}
.give #trLook,.give #trChange{
	display: none;
}
.look.give #trGive,.look.give #trChange{
	display: none;
}
.look.give #trLook,.look.change #trChange{
	display: table-row;
}
.look.change #trChange .changeBtn::after{
	content: '';
	margin: 0;
}

.infoLine {
	display: flex;
	margin-bottom: var(--size10);
}
.infoLine:last-child{
	margin-bottom: 0;
}

.infoTitle {
	width: var(--size50);
	color: var(--labelColor);
}

.infoContent {
	width: calc(100% - var(--size50));
	font-weight: bold;
}
.mui-scroll-wrapper{
	top: calc(6.96rem + 44px); /* 默认174 +44px */
	bottom: 0;
	width: 100%;
}
.mui-scroll{
	margin: 0 var(--size15) var(--size15);
	width: calc(100% - var(--size30));
	background: white;
	border-radius: 6px;
}
tr:first-child td:first-child{
	border-top-left-radius: 6px;
}
tr:first-child td:last-child{
	border-top-right-radius: 6px;
}
tr:last-child td:first-child{
	border-bottom-left-radius: 6px;
}
tr:last-child td:last-child{
	border-bottom-right-radius: 6px;
}
.give .mui-scroll-wrapper,.change .mui-scroll-wrapper{
	bottom: var(--size64);
}

table {
	width: calc(100% - var(--size30));
	margin: var(--size15);
}
tr{
	border: solid 1px #eee;
	border-bottom-width: 0px;
}
tr:last-child{
	border-bottom-width: 1px;
}
td {
	border-right: solid 1px #eee;
	height: var(--size40);
	font-size: var(--size14);
	text-align: center;
	color: var(--textColor);
}

td:last-child {
	border-right-width: 0px;
}
td input[type='text']{
	margin: var(--size10);
	width: calc(100% - var(--size20));
	height: var(--size30);
	padding: var(--size10);
	font-size: var(--size14);
}
td .mui-input-row .mui-input-clear ~ .mui-icon-clear{
	right: var(--size10);
	height: var(--size30);
	line-height: var(--size30);
}
td .mui-icon.changeBtn::after{
	font-size: var(--size26);
	content: '\e400';
}
td .changeBtn{
	font-size: var(--size14);
}
td.statusText{
	color: var(--greenColor);
}
.changePopo {
	width: 6.25rem;
	height: 6.25rem;
	background-color: white;
}

.btnArea {
	position: absolute;
	bottom: 0;
	height: var(--size50);
	display: flex;
	left: 0;
	width: 100%;
}
.saveBtn,.submitBtn{
	height: 100%;
	line-height: var(--size50);
	width: 50%;
	text-align: center;
	background-color: white;
	color: var(--mainColor);
	font-size: var(--size14);
	border-top:solid 1px whitesmoke ;
}
.submitBtn{
	color: white;
	background-color: var(--mainColor);
	border: 0;
}
.look .btnArea{
	display: none;
}

.mui-popover{
	background: white;
	position: absolute;
	border-radius: 0px;
	height: auto;
	width: 290px;
	top: 50%;
	right: calc(50% - 145px);
	transform: translateY(-50%);
}
.mui-popover .mui-input-row{
	display: flex;
}
.mui-icon-compose:before{
	font-size: var(--size26);
}
.mui-popover .mui-input-row label,.textTip{
	text-align: left;
	padding: 0;
	margin-left: var(--size15);
	margin-top: var(--size15);
	font-size: var(--size14);
	color: gray;
	width: var(--size70);
	height: 30px;
	line-height: 30px;
}
.textTip{
	margin-top: 10px;
}
.mui-popover .mui-input-row label ~ input,.mui-input-row label ~ textarea{
	height: 30px;
	line-height: 30px;
	margin: var(--size15) var(--size15) 0 0;
	padding: 0 5px;
	border: 1px solid rgba(0, 0, 0, .2);
	width: calc(100% - var(--size100));
	font-size: var(--size14);
}
.mui-popover .mui-input-row .mui-input-clear ~ .mui-icon-clear{
	height: 30px;
	line-height: 30px;
	right: 10px;
	top: var(--size15);
	font-size: 17px;
}

.mui-input-row label ~ textarea{
	user-select: text;
	-webkit-user-select: text;
	background: white;
	height: var(--size100);
	overflow-y: auto;
	line-height: var(--size20);
	padding: 5px;
}
.sureBtn{
	margin: var(--size15);
	background-color: white;
	color: var(--mainColor);
	width: calc(100% - var(--size30));
}

.reasonArea{
	padding: 0 var(--size15) var(--size15);
	display: none;
}
.reasonContent{
	border-radius: 6px;
	border:  solid 1px whitesmoke;
	min-height: var(--size90);
	padding: var(--size15);
	font-size: var(--size14);
	background-color: var(--bgColor);
	line-height: 1.8;
}